<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>成功案例详情</title>
    <link rel="stylesheet" href="/css/details.css">
    <link rel="stylesheet" href="/css/common.css">
    <link href="/layui-v2.6.4/css/layui.css" rel="stylesheet">
    <script src="/layui/layui.js"></script>
    <script src="/layui/jquery.min.js"></script>
    <script src="/layui/axios.min.js"></script>
    <script src="/layui/vue.min.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div th:replace="common/common::head1"></div>
    <!-- 导航 -->
    <div th:replace="common/common::head2"></div>
    <!--横幅-->
    <div th:replace="common/common::head3"></div>
    <!-- 主体部分 -->
    <section class="main_body">
        <div class="container">
            <div class="ss">
                <div th:replace="common/common::head4"></div>

            </div>
        </div>
        <article>
            <main class="container">
                <div>
                    <p class="ding">成功案例</p>
                    <p><a href="/front/index">首页</a><a href="cases.html">>>成功案例</a><a href="#">>>由一起欠条案谈举证责任的分配</a></p>
                </div>
            </main>
        </article>
    </section>
    <section class="pic_body">
        <main class="container">
            <div class="body_1">
                <h1 id="title">由一起欠条案谈举证责任的分配</h1>
                <div class="body_2">
                    <span>[案情介绍]</span><br/>
                    <div id="casesIntroduce">

                    </div>
                    <span>[案情分析]</span><br/>
                    <div id="casesAnalysis">

                    </div>
                    <span>[评析]</span><br/>
                    <div id="casesCommentAnalysis">

                    </div>
                    <span>[案情结果]</span><br/>
                    <div id="casesResult">

                    </div>
                    <span>[相关法规]</span><br/>
                    <div id="casesStatute">

                    </div>
                </div>
            </div>
        </main>
    </section>
       <!-- 尾部 -->
    <div th:replace="common/common::footer"></div>
</body>
<script>
    layui.use(['form'],function () {
        var form = layui.form;

        axios.get('/front/cases/getById/' + [[${cId}]]).then(res => {
            var cases = res.data.data;
            $("#title").text(cases.casesTitle);
            $("#casesAnalysis").html(cases.casesAnalysis);
            $("#casesIntroduce").html(cases.casesIntroduce);
            $("#casesCommentAnalysis").html(cases.casesCommentAnalysis);
            $("#casesResult").html(cases.casesResult);
            $("#casesStatute").html(cases.casesStatute);
        })

    })
</script>
</html>
